<!DOCTYPE html>
<html lang="zh-CN">
 <!--引入wangEditor.css-->
 <head>
<link rel="stylesheet" type="text/css" href="css/wangEditor.min.css">

</head> 

<body>
<textarea id="textarea1" style="height:400px;max-height:500px;">
    <p>请输入内容...</p>
</textarea>




<!--引入jquery和wangEditor.js-->   <!--注意：javascript必须放在body最后，否则可能会出现问题-->
<script type="text/javascript" src="js/lib/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/wangEditor.min.js"></script>
<script type="text/javascript" src="js/customMenu.js"></script>

<!--这里引用jquery和wangEditor.js-->
<script type="text/javascript">
    var editor = new wangEditor('textarea1');

 editor.config.menus = [
 //c开头的为自定义menu
             'source',
        '|',
        'bold',
        'underline',
        'italic',
        'strikethrough',
        'eraser',
        'forecolor',
        'bgcolor',
        '|',
        'quote',
        'fontfamily',
        'fontsize',
        'head',
        'unorderlist',
        'orderlist',
        'alignleft',
        'aligncenter',
        'alignright',
        '|',
        'link',
        'unlink',
        'table',
        'emotion',
        '|',
        'img',
      
        'insertcode',
        '|',
        'undo',
        'redo',
        
        'clineheight',
        'glineheight',
        'indent',
        'csymbol'
     ];

     // 颜色
    editor.config.colors = {
        '#880000': '暗红色',
        '#800080': '紫色',
        '#ff0000': '红色'
    };

    // 字体
    editor.config.familys = [
        '宋体', '黑体', '楷体', '微软雅黑',
        'Arial', 'Verdana', 'Georgia'
    ];
 
 
 console.log(editor.menus)
    editor.create();
</script>
</body>
</html>